body {
	font-family:"微軟正黑體";
}
td{
	font-family:"微軟正黑體";
}
.fontBlack {
    color:#000;
}
.fontRed {
    color:#b60909;
}
.fontDeepBlue {
    color:#110d64;
}
.fontBlue {
    color:#0f497b;
}
.fontOrange {
    color:#ff6a00;
}
.fontCoffee {
    color:#593719;
}
.fontSize13pt {
    font-size:13pt;
	font-family:"微軟正黑體";
}
.fontSize12pt {
    font-size:12pt;
}
.fontSize10pt {
    font-size:10pt;
}
.fontSize1-5em {
    font-size:1.5em;
}
.margin1p {
    margin:1%;
}

.padding1p {
    padding:1%;
}
.paddingL1p {
    padding-left:1%;
}
.paddingT1p {
    padding-top:1%;
}
.paddingL10pxB2px {
    padding-left:10px;
    padding-bottom:2px;
}
.paddingR10pxB2px {
    padding-right:10px;
    padding-bottom:2px;
}
.marginT2px {
    margin-top:2px;
}
.marginT6px {
    margin-top:6px;
}
.marginL1p {
    margin-left:1%;
}
.marginR1p {
    margin-right:1%;
}
.marginT1p {
    margin-top:1%;
}
.marginB1p {
    margin-bottom:1%;
}
.marginRL2p {
    margin-left:2%;
    margin-right:2%;
}
.H10p {
    height:10%;
}
.H40px {
    height:40px;
}
.H80px {
    height:80px;
}
.H150px {
    height:150px;
}
.W3p {
    width:3%;
}
.W5p {
    width:5%;
}
.W6p {
    width:6%;
}
.W7p {
    width:7%;
}
.W8p {
    width:8%;
}
.W9p {
    width:9%;
}
.W10p {
    width:10%;
}
.W11p {
    width:11%;
}
.W12p {
    width:12%;
}
.W14p {
    width:14%;
}
.W15p {
    width:15%;
}
.W16p {
    width:16%;
}
.W20p {
    width:20%;
}
.W25p {
    width:25%;
}
.W30p {
    width:30%;
}
.W35p {
    width:35%;
}
.W45p {
    width:45%;
}
.W50p {
    width:50%;
}
.W60p {
    width:60%;
}
.W65p {
    width:65%;
}
.W100p {
    width:100%;
}
.Wcenter {
    text-align:center;
}
.Wmiddle {
    vertical-align:middle;
}
.WcenterMiddle {
    text-align:center;
    vertical-align:middle;
}
.Wright {
    text-align:right;
}
.WLeft {
    text-align:left;
}
.FontWeight600 {
    font-weight:600;
}

.floatLeft {
    float:left;
}
.floatRight {
    float:right;
}

.fontSize20px {
    font-size:20px;
}

.bgColord4e8ff {
    background-color:#d4e8ff;
}

/*藍色*/
.bgColora7d5ff {
    background-color:#a7d5ff;
}
/*淡藍色*/
.bgColorf5faff {
    background-color:#f5faff;
}

/*上面圓角*/
.radiusTop {
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*下面圓角*/
.radiusBottom {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*隱藏*/
.displayNone {
    display:none;
}

.btnDiv {
    text-align:center;
    padding-top:1%;
    margin-bottom:5px;
}
/* * 必填的星星 */
.asterisk {
    color:#b60909;
    font-weight:600;
}

/*類別*/
.Category {
    color:#0f497b;
    border:1px solid #0f497b;
    padding-left:2px;
    padding-right:2px;
}

/*管理的標題名稱
.ListTitle {
    font-size:18px;
    padding-left:2%;
    padding-top:1%;
    font-weight:600;
}*/
/*查詢的欄位標題名稱*/
.ShearchFieldTitle {
    text-align:center;
    vertical-align:middle;
    color:#110d64;
}

/*查詢用div*/
.ShearchOuter {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    padding-left:1%;
    padding-right:1%;

}
/*查詢用標題*/
.input-group >.ShearchTitle{
    background-color:#c1e0ff;
    color:#000000;
	font-size:16px;
}
.input-group{
	font-family:"微軟正黑體";
	margin-right: 12px;
}
.btn-group{
	font-family:"微軟正黑體";
}
/*.DivShearchOuter100p {
    width:98%;
    float:left;
    margin:1%;
}
.DivShearchOuter50p {
    width:48%;
    float:left;
    margin-top:1%;
    margin-left:1%;
    margin-right:1%;

    border:1px solid #0f497b;
    background-color: #e1f2f4;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.DivShearchOuter50p_NoRadius {
    width:48%;
    float:left;
    margin-top:1%;
    margin-left:1%;
    margin-right:1%;
    padding:5px;
}
.DivShearch25pL {
    width:24%;
    float:left;
   
    padding:8px;
    font-size:1.15em;
    color: #b3faf3;
    background-color: #0f497b;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
}
.DivShearch75pR {
    width:74%;
    float:left;
    margin-right:1%;
    padding:4px;

}*/

/*單筆清單最外層div*/
.divBox_List {
    float:left;
    width: 31%;
    margin-left:1%;
    margin-right:1%;
}

/*清單 heaer*/
.ListHeader {
    background-color:#96D0D9;
    padding:2%;
    vertical-align:middle;
    float:left;
    width: 100%;

    font-family: 微軟正黑體, Verdana, Arial, sans-serif;
    font-size: 16px !important;
    font-weight:600;

    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
/*清單 Body*/
.ListBody {
    background-color:#e1f2f4;
    padding:3%;
    vertical-align:middle;
    margin-bottom: 20px;
    float:left;
    width: 100%;

    font-family: 微軟正黑體, Verdana, Arial, sans-serif;
    font-size: 16px !important;
   
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}

/*清單 功能*/
.ListEdit{ 
    text-align:right;
    vertical-align:middle;
	margin-top: 2%;
}

/*推薦景點 圖文框*/
.list-tour-box{
	width: 170px;
	height: 180px;
	float: left;
	margin: 5px;
	}

/*推薦景點 圖*/
.list-tour-photo{
	width: 140px;
	height:140px;
    text-align:center;
	}
.list-tour-photo Img{
	width: 140px;
	height: 140px;
	border:0px;
    text-align:center;
	}

/*景點名稱*/	
.list-tour-name{
	width: 140px;
	/*height: 40px;*/
	/*float: left;*/
	font-size: 11pt;
	color: #ab007d;
    text-align:center;
	/*white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;*/
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	margin-left: 1px;
    margin-top:5px;
	}	

.list-tour-name a:link {color:#ab007d; text-decoration:none;}
.list-tour-name  a:hover {color:#ab007d; text-decoration:underline;} 
.list-tour-name a:visited {color:#ab007d;}
.list-tour-name a:active {color:#ab007d;}

.ViewBtn {
    color:#000;
    padding:2px;
    width: 170px;
	height: 200px;
	float: left;
}
.ViewBtn:hover {
    color:#000;
}

/*彈出視窗-更新備註*/
.DivEditRemark {
    position:absolute;
    z-index:999999;
    width:70%;
    margin-left:5%;
    margin-right:5%;
    margin-top:5%;
    padding:1%;
    border:1px solid #1d1b1b;
    background-color:#fffaa5;

    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    -moz-box-shadow: 0px 0px 18px #000000;
    -webkit-box-shadow: 0px 0px 18px #000000;
    box-shadow: 0px 0px 18px #000000;
}

/*彈出視窗-狀態改變(web)*/
.DivChangeStatus {
    position:absolute;
    z-index:999999;
    text-align:left;
    width:10.5%;
    padding:1%;
    border:1px solid #1d1b1b;
    background-color:#fffaa5;
    float:right;

    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    -moz-box-shadow: 0px 0px 18px #000000;
    -webkit-box-shadow: 0px 0px 18px #000000;
    box-shadow: 0px 0px 18px #000000;
}

/*彈出視窗-狀態改變(phone)*/
.DivChangeStatus_phone {
    position:absolute;
    z-index:999999;
    text-align:center;
    width:60%;
    margin-top:5%;
    margin-left:15%;
    margin-right:15%;
    padding:5%;
    border:1px solid #1d1b1b;
    background-color:#fffaa5;
    /*float:right;*/

    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    -moz-box-shadow: 0px 0px 18px #000000;
    -webkit-box-shadow: 0px 0px 18px #000000;
    box-shadow: 0px 0px 18px #000000;
}

/*加入景點div按鈕*/
.div_addViewBtn {
    /*width:40px;*/
    float:left;
    text-align:center;
    border:1px solid #0094ff;
    color:#0094ff;
}

.li_x {
    width:180px;
    font-size:14px;
    font-weight:400;
}

/*景點列表外層div*/
.div_DataList {
    display:none;
    float:left;
    width:100%;
    height:600px;
    padding:1%;
    margin:1%;
    margin-bottom:2%;
    border:1px solid #0f497b;
    text-align:center;
    overflow-y:auto;
    z-index:9999;
    
    transition:linear 0.5s;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    border-radius: 5px;
}
.col-md-11 > .div_DataList {
    /*margin-top:48px;*/
}

/*景點列表*/
.AllViewList {
    width:100%;
    text-align:center;
    vertical-align:middle;
}

/*↓動畫↓*/
/*景點列表 動畫*/
.RunOpenViewList {
    -webkit-animation:openViewList 1s linear;
}
@-webkit-keyframes openViewList {
    0% {width:0%;}
    50% {width:17%;}
    100% {width:25%;}
}
.RunCloseViewList {
    -webkit-animation:closeViewList 1s linear;
} 
@-webkit-keyframes closeViewList {
    0% {width:25%;}
    50% {width:15%;}
    100% {width:0%;}
}

/*出遊計畫列表 動畫*/
.RunOpenPlanList {
    -webkit-animation:openPlanList 1s linear;
}
@-webkit-keyframes openPlanList {
    0% {width:67%;}
    50% {width:80%;}
    100% {width:91%;}
}
.RunClosePlanList {
    -webkit-animation:closePlanList 1s linear;
} 
@-webkit-keyframes closePlanList {
    0% {width:91%;}
    50% {width:80%;}
    100% {width:66%;}
}
/*↑動畫↑*/

/* ↓行程規劃css↓ */
/*所有行程規劃 最外層div*/
.contentBox {
    overflow-y:auto;
    height:600px;
}
/* 天 外層div*/
.daybox {
    padding-top:1%;
    padding-bottom:1%;
    border:1px solid #0f497b;

     /* 邊角圓弧化，不同瀏器覧設定不同　*/
    -moz-border-radius: 5px; /* Firefox*/
    -webkit-border-radius: 5px; /* Safari 和 Chrome*/
    border-radius: 5px; /*Opera 10.5+*/
}

.daybox_Days {
    font-size:1.5em;
    color:#000;
}

.daybox > .col-sm-2 {
    background-color:#96D0D9;
    text-align:center;
    vertical-align:middle;
    padding:3%;
    -moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:10px; 
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:10px; 
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:10px; 
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:0px;
	border-top-right-radius:10px; 
	border-bottom-left-radius:0px;
	border-bottom-right-radius:10px;
}

/* 單一行程計畫*/
.Div_DayItem {
    border-bottom:1px dashed #787878;
    padding-bottom:1%;
    margin-bottom:1%;
    width:100%;
}

#Div_AddDayItem {
    margin-left:5px;
}

.Div_AddDayItem {
    width:100%;
    vertical-align:middle;
    padding-top:5px;
    padding-left:5px;
}
.Div_DayItem > .ViewBtn {
    float:none;
}
.Div_DayItem > .ViewBtn >.list-tour-box {
    float:none;
}

/*已選取項目*/
.Selected_Blue {
    background-color:#96D0D9;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
}
.Selected_red {
    background-color:#fd7474;/*#fedfdf;*/
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
}

/* ↑行程規劃css↑ */

/*↓檔案上傳↓*/
.modal-dialog >.modal-content >.modal-body {
    padding:30px;
}
/*↑檔案上傳↑*/

/*↓後台手機檢示↓*/
#DivList {
    display:none;
}
/*最外層*/
.DivListOuter {
    float:left;
    width: 94%;
    /*border:1px solid #96D0D9;*/
	margin-top: 10px;
    margin-left: 3%;
    margin-right: 3%;
}
/*標題 Header*/
.DivListHeader {
    background-color:#96D0D9;
    padding:2%;
    vertical-align:middle;
    float:left;
    width: 100%;

    font-family: 微軟正黑體, Verdana, Arial, sans-serif;
    /*font-size: 16px !important;*/

    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
/*標題 Title*/
.DivListTitle {
    font-size:1.5em;
    font-weight:600;
}
/*內容*/
.DivListBody {
    background-color:#e1f2f4;
    padding:3%;
    vertical-align:middle;
    margin-bottom: 10px;
    float:left;
    width: 100%;

    font-family: 微軟正黑體, Verdana, Arial, sans-serif;
    /*font-size: 18px !important;*/

    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}
/*內容-單項項目外層div*/
.DivListBody_Outer {
    width:100%;
    float:left;
}
/*內容-項目*/
.DivListBody_Item {
    font-weight:600;
    font-size:1.25em;
    color:#1d1b1b;
    /*float:left;*/
}
/*內容-項目內容*/
.DivListBody_ItemC {
    font-size:1.25em;
    color:#110d64;
    /*float:left;*/
}

.DivListEdit {
    /*text-align:right;*/
    float:right;
    font-size:1.25em;
}
/*↑後台手機檢示↑*/

/*web版用*/
@media (min-width: 1200px) {
    #DivList {display:none;}
    #TableList {display:block;}
    #search {width:60%;}
    .ShearchTB {width:250px;}
}
@media (max-width: 1200px) {
    #DivList {display:none;}
    #TableList {display:block;}
    #search {width:60%;}
    .ShearchTB {width:250px;}
}
@media (min-width: 992px) {
    #DivList {display:none;}
    #TableList {display:block;}
    #search {width:60%;}
    .ShearchTB {width:250px;}
}
@media (max-width: 992px) {
    #DivList {display:none;}
    #TableList {display:block;}
    #search {width:60%;}
    .ShearchTB {width:250px;}
}

/*phone版用*/
@media (min-width: 770px) {
	.eventpic{max-height:158px;min-height:158px;}	
}
	
	
@media (max-width: 730px) {
    #DivList {display:block;}
    #TableList {display:none;}
    .BlueButton {
        margin-left:1px;
        margin-right:1px;
    }
    .CoffeeButton {
        margin-left:1px;
        margin-right:1px;
    }
    .OrangeButton {
        margin-left:1px;
        margin-right:1px;
    }
    
    .logo {
        width:40%;
        float:left;
    }
    .logoimg {
        width:100%;
    }
    .members {
        float:right;
    }
   .ShearchTB {width:60%;}
}
@media (max-width: 710px) {
    #DivList {display:block;}
    #TableList {display:none;}

    .BlueButton {
        margin-left:1px;
        margin-right:1px;
    }
    .CoffeeButton {
        margin-left:1px;
        margin-right:1px;
    }
    .OrangeButton {
        margin-left:1px;
        margin-right:1px;
    }
    .TopBigBox {
        float:left;
    }

    .logo {
        width:40%;
        float:left;
    }
    .logoimg {
        width:100%;
    }
    .members {
        float:right;
    }
    .ShearchTB {width:60%;}
}

/*iphone5(4吋)以下尺寸*/
@media (max-width: 350px) {
    #DivList {display:block;}
    #TableList {display:none;}

    .BlueButton {
        margin-left:1px;
        margin-right:1px;
    }
    .CoffeeButton {
        margin-left:1px;
        margin-right:1px;
    }
    .OrangeButton {
        margin-left:1px;
        margin-right:1px;
    }
    .TopBigBox {
        float:left;
    }

    .logo {
        width:35%;
        float:left;
    }
    .logoimg {
        width:100%;
    }
    .members {
        float:right;
    }
    #search {width:100%;}
    .ShearchTB {width:50%;}
}